import HomeView from '../views/HomeView.vue'
import LocalView from "@/views/LocalView";
import MySlotIndexView from "@/views/MySlotIndexView";
import RoutView from "@/views/RoutView"
import LoginView from "@/views/LoginView";
import RegView from "@/views/RegView";
import Demo01View from "@/views/Demo01View"
import Demo03View from "@/views/Demo03View"
import Demo04View from "@/views/Demo04View"

const other = [
    {
        path: '/',
        name: 'home',
        component: HomeView,
        children: [ // 嵌套路由
            {
                path: '/home/login',
                name: 'login',
                component: LoginView
            },
            {
                path: '/home/reg/:uname/:pwd/:tel',
                name: 'reg',
                component: RegView
            }
        ]
    },
    {
        path: '/about',
        name: 'about',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
    },
    {
        path: '/local',
        name: 'local',
        component: LocalView
    },
    {
        path: '/slot',
        name: 'slot',
        component: MySlotIndexView
    },
    {
        path: '/rout',
        name: 'router',
        component: RoutView

    },
    {
        path: '/d1',
        name: 'demo01',
        component: Demo01View

    },
    {
        path: '/d3',
        name: 'demo03',
        component: Demo03View

    },
    {
        path: '/d4',
        name: 'demo04',
        component: Demo04View

    }
]

export default other
